/* Global */
@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=vietnamese);

/*
body { background-color: #fff; color: #555555; font-family: "Open Sans"; font-size: 13px; }
a { color: #1155CC } 
*/

/* Header */
h1.logo { margin: 0 18px 0 0; float: left; height: 47px; }
h1.logo img { margin-top: 6px }

/* Footer */
.footer { margin-top: 30px }

/* Menu */
.navbar { margin-bottom: 0 }
.navbar-inner { 
background-color: #4D7496; 
background-image: none; 
border:none; 
border-bottom: solid 4px #2A4053; 
border-radius: 0;
margin-bottom: 0;
min-height: inherit;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D7496', endColorstr='#4D7496', GradientType=0);
}

.navbar .btn-navbar { margin-top: 10px }
.navbar .nav li.dropdown > .dropdown-toggle .caret ,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, 
.navbar .nav li.dropdown.active > .dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret
{ border-bottom-color: #fff; border-top-color: #fff }

.navbar .nav > li:first-child { border-left: 1px solid rgba(0, 0, 0, 0.21) }
.navbar .nav > li { border-right: 1px solid rgba(0, 0, 0, 0.2) }
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle
{ background-color: #334D63; color: #fff; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset }

.navbar .nav > li > a
{ color: #fff; padding: 14px 18px; display: block; text-shadow: none }
.navbar .nav > li > a:hover, 
.navbar .nav > li > a:focus
{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05); color: #fff; text-decoration: none }

.navbar .dropdown-menu { border-radius: 0;  }
.navbar .dropdown-menu > li > a:hover, 
.navbar .dropdown-menu > li > a:focus
{ background-color: #4D7496; background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D7496', endColorstr='#4D7496', GradientType=0); }

/* Left Navigation */
.left-nav { padding: 20px 0; border-right: 1px solid #D9D9D9; overflow: auto; white-space: nowrap }
.left-nav ul { margin: 0 0 10px 10px }
.left-nav ul ul { list-style: none; margin-left: 15px }
.left-nav li.active a { font-weight: bold; color: red }

/* Breadcrumbs */
.breadcrumb { display:none; background-color: #F9F9F9; border-bottom: 1px solid #D9D9D9; color: #949494; font-size: 12px; margin-bottom: 0 }
.breadcrumb a { color: #555555 }

/* Page */
.page-header { border-width: 4px; overflow: hidden }
.page-header.fixed-top { position: fixed; top: 0; left: 0; right: 0; background-color: white; padding: 18px 20px 5px; margin: 0; z-index: 10 }
.page-title h3 { color: #555555; font-size: 20px; font-weight: 400; margin: 0; }
.page-title { float: left }
.buttons { float: right }
.main.loading { background: url("../img/page-loading.gif") no-repeat scroll center 400px rgba(0, 0, 0, 0); }

/* Grid */
.grid-view .summary { margin: 0 0 9.25px }
.grid-view-loading { background:url(../img/loading.gif) no-repeat; padding: 15px 0; }
.grid-view-loading * { display:none }
.grid-view .table th { text-align: center }
.grid-view .table td { text-align: right }
.table th { background-color: #4d7496; }
.table th, .table th a { color: #fff }
.table input { margin: 0 }
.table th a.asc { background: url("../img/up.gif") no-repeat scroll right center rgba(0, 0, 0, 0); padding-right: 10px }
.table th a.desc { background: url("../img/down.gif") no-repeat scroll right center rgba(0, 0, 0, 0); padding-right: 10px }
.table tbody tr.odd > td { background-color: #f9f9f9 }
.table-nobor { width: auto }
.table-nobor td { border-top: none; }
.table-nobor tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th { background-color:transparent }
.mass-actions-form .actions,
.mass-actions-form .btn { float: left; margin-left: 10px; }
.mass-actions-form .actions { width: 120px }
#tabSum td { text-align: right }

/* Box */
.box { border: 1px solid #D9D9D9; margin-bottom: 25px }
.box-title { padding: 0 12px; background: none repeat scroll 0 0 #F9F9F9; border-bottom: solid 1px #D9D9D9; line-height: 35px }
.box-title h4 { margin: 0; font-size: 14px; display: inline-block }
.box-title [class^="icon-"] { vertical-align: middle; margin-right: 4px }

/* Form */
.box form { margin: 0 }
.box .control-group { margin: 0; padding: 15px; border-bottom: 1px solid #ECECEC }
.control-group .controls > div { margin-top: 5px }
.control-group .controls label { display: inline; margin: 0 }
.control-group .controls input { margin-top: -4px ; }
.radio-group { display: inline-block; margin-right: 20px }
.lt-ie9 table input[type='text'] { line-height: 28.5px; padding-top:0; padding-bottom: 0 }

span.required { color: #E25856 }
.errorMessage, .errorSummary, .error { color: #B94A48; }
.errorSummary { margin-bottom: 20px }

input.error { border-color: #B94A48;  }
input.error:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392; border-color: #B94A48; }

.tags-container > div { overflow: hidden }
.chk { float: left; min-width: 120px; line-height: 20px }

/* Message */
.alert { border-radius: 0; margin-top: 20px }
.alert .close { margin-top: 4px }

/* Button */
.btn-primary { background-color: #4D77CC; background-image: linear-gradient(to bottom, #4D77CC, #3058a7) }

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary.disabled, 
.btn-primary[disabled] {
    background-color: #254179;
	background-image: none;
}

/*Paging */
.pager .previous > a, .pager .previous > span,
.pager .next > a, .pager .next > span { float: none }
ul.yiiPager .hidden a { display: none }

/* Vertical Tab */
.tabs-left > .nav-tabs > li > a { border-radius: 0 }
.nav-tabs > li { border-left: 3px solid transparent }
.nav-tabs li.active { border-left: 3px solid #4D7496 }
.nav-tabs a:focus { outline:none; }

/* Sidebar */
#sidebar { border-right: 1px solid #D1D1D1; } 
#sidebar h3 { font-size: 20px }

/* Config Tab */
.config-tabs { list-style: none; margin-left: 0 }
.config-tabs dl { margin-bottom: 0 }
.config-tabs dt { padding: 15px 15px 15px 20px; font-weight: bold; text-transform: uppercase; border-top: 2px solid #668EB0; border-bottom: solid 1px #EBEBEB; }
.config-tabs dt i { margin-right: 4px }
.config-tabs dd { margin-left: 0; border-bottom: solid 1px #EBEBEB; } 
.config-tabs dd a { color: #555555; text-decoration: none; display: block; padding: 15px 15px 15px 20px; background-color: #F1F1F1; outline: none }
.config-tabs dd a:hover, 
.config-tabs dd a.active { background: none repeat scroll 0 0 rgba(241, 241, 241, 0.5) }

/* Phone View */
@media (max-width:767px) {
	.header { margin: 0 -20px }
	.navbar .nav > li { border: none }
	.navbar .nav > li:first-child { border: none }
	.nav-collapse .dropdown.open { background-color: #fff; border-radius: 3px; padding-bottom: 3px }
}

/* Tablet view */
@media (min-width:768px) and (max-width:979px) {
	.navbar .nav > li { border: none }
	.navbar .nav > li:first-child { border: none }
	.nav-collapse .dropdown.open { background-color: #fff; border-radius: 3px; padding-bottom: 3px }
	#sidebar h3 { font-size: 12px }
}

/* user */
/*
.prof_img { float: left; margin-right: 20px; text-align:center }
.prof_img img { height: 80px; width:auto }
*/

/* image */
.imgframe img { max-height: 100%; display: inline-block; }
.imgframe { width: 180px; height: 180px; text-align: center; border: 1px solid #ccc; margin-bottom:10px }
.imgobj { float: left; margin: 0 20px 20px 0; }
.imgobj .actions { text-align: center }